<template>
	<div id="contentBox">
		
		<div id="tableBox" style="margin:30px 25px 0;" >
			<el-table :data="tableData.data" border  >
			    <el-table-column label="订单号" width="140" fixed>
			      <template scope="scope">
			        <span >{{ scope.row.orderNumber }}</span>
			      </template>
			    </el-table-column>
			    
			    <el-table-column label="汽车车型" :min-width="300">
			      <template scope="scope">
			        <span >{{ scope.row.carName }}</span>
			      </template>
			    </el-table-column>
			    <el-table-column label="保证金金额" width="140">
			      <template scope="scope">
			        <span >{{ scope.row.deposit | toFixed2}}</span>
			      </template>
			    </el-table-column>
			    <el-table-column label="订单状态" width="140">
			      <template scope="scope">
			        <span >{{ carOrderStatusMap[scope.row.carOrderStatus] }}</span>
			      </template>
			    </el-table-column>
			    <el-table-column label="保证金状态" width="140">
			      <template scope="scope">
			        <span >{{ statusMap[scope.row.status] }}</span>
			      </template>
			    </el-table-column>
			    <el-table-column label="保证金添加日期" width="180">
			      <template scope="scope">
			        <span >{{ scope.row.addTime }}</span>
			      </template>
			    </el-table-column>
			    
			    <el-table-column label="操作" width="140" fixed="right">
			      <template scope="scope">
			      	<el-button  size="small" @click="handleEdit(scope.$index, scope.row)">添加</el-button>
			      </template>
			    </el-table-column>
			</el-table>
            <el-dialog v-if="dialogSendData.dialogFormVisible" title="待添加保证金管理" :visible.sync="dialogSendData.dialogFormVisible"  :lock-scroll='false' top=5% :close-on-click-modal="false"    :closeOnPressEscape="false">
				<dialogForm :dialogSendData="dialogSendData" :tableData="tableData" v-on:refreshTableData="seachData()"></dialogForm>
			</el-dialog>
	    </div>
	    <div class="block" style="text-align: center;margin-top: 15px;">
		   <pagination v-on:refreshSeachData="seachData()"  :tableData="tableData" :searchForm="searchForm"></pagination>
		</div>
	</div>
</template>
<script src="./index.js">

</script>
<style scoped lang="scss" rel="styleheet/scss">
	@import './index.scss';
</style>